body {
  max-width: 642px;
  margin-left: auto;
  margin-right: auto;
  background: white; /* #050529; */  /* black */
  font-family : 'DejaVu Sans', Verdana, sans-serif, Helvetica;
}

canvas {
  border: 1px solid silver;
  width: 640px;
  height: 480px;
  background: url('img/background.jpg') 0px 0px; 
  opacity: 1.0;
}

#chat {
  width: 640px;
  margin-top: 1em;
}

#board {
  width: 640px;
  min-height: 20px;
  margin-top: 1em;
}

span.name {
  font-weight: bold;
}

span.name:after {
  content: ": ";
}

span.message {
}

div.post {
  border: 1px solid gray;
  margin-bottom: 1ex;
  padding: 1ex;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#chat a {
  cursor: pointer;
  font-size: 120%;
}

div.header {
}

img.logo {
  float: left;  
  margin-top: 1ex;
  margin-right: 1ex;
  margin-bottom: 1ex;
}

div.game {
  padding-top: 1ex;
  font-weight: bold;
}

div.inspire {
  color: gray;
  font-style: italic;
  font-size: small;
}

div.inspire a {
  color: gray;
/*  text-decoration: none; */
}

div.inspire a:hover {
  color: gray;
/*  text-decoration: underline; */
}

div.version {
  margin-top: 8px;
  float: right;
  font-weight: bold;
  /* font-size: 150%; */
}

div.code {
  float: right;
  clear: right;
  margin-top: 0ex;
}

div.code a {
  color: gray;
}

noscript div {
  clear: both;
  color: red;
  border: 4px dashed black;
  background: yellow;
  text-align: center;
  padding: 1em;
  margin-bottom: 1ex;
}

fieldset {
  margin-top: 1ex;
  border: 1px solid gray;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: small;
}

img.help {
  float: left;
  background: #050529;
  padding: 4px;
  margin: 4px;
  align: center; 
}
